import Cookies from 'js-cookie';
import { getCurrentData } from '@/utils/data';

const app = {
  state: {
    size: Cookies.get('size') || 'medium',
    currentData: getCurrentData,
  },
  mutations: {
    SET_SIZE: (state: any, size: any) => {
      state.size = size;
      Cookies.set('size', size);
    },
  },
  actions: {
    setSize({ commit }: any, size: any) {
      commit('SET_SIZE', size);
    },
  },
};

export default app;

// import Cookies from 'js-cookie';

// const app = { /* eslint-disable */
//   state: {
//     // sidebar: {
//     //   opened: !+Cookies.get('sidebarStatus'),
//     //   withoutAnimation: false,
//     // },
//     // device: 'desktop',
//     size: Cookies.get('size') || 'medium',
//   },
//   mutations: {
//     // TOGGLE_SIDEBAR: (state: any) => {
//     //   if (state.sidebar.opened) {
//     //     Cookies.set('sidebarStatus', 1);
//     //   } else {
//     //     Cookies.set('sidebarStatus', 0);
//     //   }
//     //   state.sidebar.opened = !state.sidebar.opened;
//     //   state.sidebar.withoutAnimation = false;
//     // },
//     // CLOSE_SIDEBAR: (state: any, withoutAnimation: any) => {
//     //   Cookies.set('sidebarStatus', 1);
//     //   state.sidebar.opened = false;
//     //   state.sidebar.withoutAnimation = withoutAnimation;
//     // },
//     // TOGGLE_DEVICE: (state: any, device: any) => {
//     //   state.device = device;
//     // },
//     SET_SIZE: (state, size) => {
//       state.size = size;
//       Cookies.set('size', size);
//     },
//   },
//   actions: {
//     // toggleSideBar({ commit: any }) {
//     //   commit('TOGGLE_SIDEBAR');
//     // },
//     // closeSideBar({ commit: any }, { withoutAnimation }) {
//     //   commit('CLOSE_SIDEBAR', withoutAnimation);
//     // },
//     // toggleDevice({ commit: any }, device) {
//     //   commit('TOGGLE_DEVICE', device);
//     // },
//     setSize({ commit }, size) {
//       commit('SET_SIZE', size);
//     },
//   },
// };

// export default app;
